<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="layui/css/layui.css">
    <script src="layui/layui.js"></script>
</head>
<body>
<div style="padding: 16px;">
    <table class="layui-hide" id="test" lay-filter="test"></table>
</div>
<script>
    layui.use(function () {
        // 第三：获取具体的 layui 模块实例对象 - 便于调用其方法，实现相关的操作
        // 1.获取相关模块的实例对象
        let table = layui.table;
        let form = layui.form;
        let layer = layui.layer;
        let dropdown = layui.dropdown;
        let $ = layui.jquery;

        // 2.动态渲染表格数据
        table.render({
            // 2.1)绑定表格节点
            elem: '#test',

            // 2.2)访问服务器程序，获取数据
            url: 'AllStaff',

            // 2.3)定义表格各列，以及数据的绑定
            cols: [[
                {field: 'id', width: 100, title: '员工编号'},
                {field: 'name', width: 100, title: '员工名称'},
                {field: 'age', width: 100, title: '员工年龄'},
                {field: 'phone', width: 200, title: '联系方式'},
                {field: 'staPos', width: 150, title: '职位'},
                // {
                //     field: 'addTime', width: 200, title: '日期', templet: function (row) {
                //         // 通过上架日期，实例化日期对象
                //         let date = new Date(row.addTime);
                //         let year = date.getFullYear();
                //
                //         let month = date.getMonth() + 1;
                //         month = month < 10 ? '0' + month : month;
                //
                //         let day = date.getDate();
                //         day = day < 10 ? '0' + day : day;
                //
                //         return year + "-" + month + "-" + day;
                //     }
                // },
                // {
                //     field: 'updateTime', width: 200, title: '日期', templet: function (row) {
                //         // 通过上架日期，实例化日期对象
                //         let date = new Date(row.updateTime);
                //         let year = date.getFullYear();
                //
                //         let month = date.getMonth() + 1;
                //         month = month < 10 ? '0' + month : month;
                //
                //         let day = date.getDate();
                //         day = day < 10 ? '0' + day : day;
                //
                //         return year + "-" + month + "-" + day;
                //     }
                // },
                {field: "addTime", width: 200, title: '入职时间'},
                {field: "updateTime", width: 200, title: '修改时间'},
            ]]
        });
    });
</script>
</body>
</html>